/*
 *   In-Link Widget Code version 2.0
 *	 Dark Coloured Style Sheet for Light Background.
 *	 File Name: shadow.css
 *   
 *   Copyright (c) 2011, Gayspirit - http://tech.gayspirit.me/in-link
 *   Based on the Work by Eduardo Miranda - http://code.google.com/p/relposts/
 *
 *   Changelog:
 *   2.0 - 2.0 release			2011/07/17
 * 
 *   All rights reserved.
 *
 *   In-Link is free software: you can redistribute it and/or modify
 *   it under the terms of the GNU General Public License as published by
 *   the Free Software Foundation, either version 3 of the License, or
 *   (at your option) any later version.
 *
 *   In-Link is distributed in the hope that it will be useful,
 *   but WITHOUT ANY WARRANTY; without even the implied warranty of
 *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *   GNU General Public License for more details.
 *
 *   You should have received a copy of the GNU General Public License
 *   along with Tumblr In-Link.  If not, see <http://www.gnu.org/licenses/>.
 *
*/

#tumblrinlink
{
	clear: both;
	border-top: 1px dashed #ddd;
	padding: 25px 30px 10px 30px;
	color: #626566;
}

#tumblrinlink h2
{
	font-size: 20px;
	display: inline-block;
	padding-bottom: 20px;
}

#tumblrinlink a { color: #333; }

li.inlink-item
{
	display: block;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	height: 140px;
	padding: 4px;
	position: relative;
	overflow: hidden;
}

li.inlink-item img
{
	max-width: 250px;
	display: block;
}

/*Clipout trick from http://www.seifi.org/css/creating-thumbnails-using-the-css-clip-property.html*/
.clipout
{
	position: relative;
	width: 136px;
	height: 105px;
	top: -1px;
	left: -1px;
}

.clipin
{
	position: absolute;
	clip: rect(50px 218px 155px 82px);
	top: -50px;
	left: -82px;
}

.shade1
{
	width: 136px;
	height: 105px;
	background-color: #e8e8e8;
}

.shade2
{
	position: relative;
	width: 136px;
	height: 105px;
	background-color: #cbcbcb;
	top: -2px;
	left: -2px;
}

.shade3
{
	position: relative;
	width: 136px;
	height: 105px;
	background-color: #a0a0a0;
	top: -1px;
	left: -1px;
}

li.inlink-item p
{
	height: 30px;
	display: block;
	position: absolute;
	bottom: 0;
	margin-bottom: 4px;
	font-size: 0.8em;
	text-align: left;
	line-height: 1.1em;
	overflow: hidden;
	text-decoration: none;
}

#inlink-list { min-height: 160px; }
.notes { float: right; }

a.inlink-link  { text-decoration: none; }
